<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shopping.css"/>
	</head>

	<body>
		<div class="top">
			<div class="contatiner">
				<div class="collection">
					<img src="images/star.png" />
					<a href="#">收藏非凡商城</a>
				</div>
				<div class="login"><a href="#">欢迎来到非凡商城[登录][免费注册]</a></div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="login-box">
			<div class="contatiner">
				<div class="logo">
					<img src="images/logo.png" />
					<img src="images/images/jindu-1_06.png"/>
				</div>
			</div>
		</div>
		<div class="goods-message">
			<div class="contatiner">
				<div class="goods-big">
					<div class="goods">
						<p>收货信息</p>
					</div>
                    <div class="message">
                    	<div class="select">
                       <span style="color: red;">*</span><span> 选择地区：<span>
                    	<select >
                     <option value="1">&nbsp;&nbsp;北京市 海淀区 五环内</option>
                    	</select>
                    	</div>
                    	<div class="select-1">
                    		<span style="color: red;">*</span> <span>详细地址：</span>
                    		<input type="text" name="text" id="" value=""placeholder="&nbsp;&nbsp;最多输入26个字" />
                    	</div>
                    	<div class="select-1">
                    		<span style="color: red;">*</span> <span class="text">收</span><span class="text">货</span>人：
                    		<input type="text" name="word" id="" value=""placeholder="&nbsp;&nbsp;最多输入10个汉字" />
                    	</div>
                    	<div class="select-1">
                    		<span style="color: red;">*</span> <span class="text-1">手</span>机：
                    		<input type="text" name="word" id="" value=""placeholder="&nbsp;&nbsp;如18270511554" />
                    		<span>或固定号码：</span><input type="text" name="" id="" value=""placeholder="区号" />
                    		<span>-</span><input type="text" name="" id="" value=""placeholder="电话号码" />
                    		<span>-</span><input type="text" name="" id="" value="" placeholder="分机号(可选)"/>
                    	</div>
                    	<div class="select-1">
                    		<input type="submit" name="" id="" value="确认收货地址" />
                    	</div>
                   
				</div>
                </div>
			</div>
		</div>
		<div class="pay">
			<div class="contatiner">
				<div class="pay-big">
					<div class="pay-plan">
						<p>支付方式</p>
					</div>
					<div class="way">
						<div class="wx">
							<input type="radio" name="b" id="" value="" />
                            <span>微信支付&nbsp;&nbsp;&nbsp;<img src="images/images/wx_03.png"/>&nbsp;&nbsp; &nbsp;用微信扫一扫就能支付！ </span>
						</div>
						<div class="cost">
							<input type="radio" name="b" id="" value="" />
							<span>货到付款&nbsp;&nbsp;&nbsp;送货上门后再付款，使用现金或银行卡。</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="invoice">
			<div class="contatiner">
				<div class="invoice-big">
					<div class="invoice-news">
						<p>发票信息</p>
					</div>
					<div class="invoice-bottom">
					<div class="need-invoice">
						<input type="checkbox" name="" id="" value="" />
						<span>需要发票</span>
					</div>
					<div class="invoice-way">
						<span style="color: red;">&nbsp;*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>发票类型：</span>
						<select>
							<option value="1">商业零售发票</option>
						</select>
					</div>
					<div class="invoice-title">
						<span style="color: red;">&nbsp;*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>发票抬头：</span>
						<select >
							<option value="1">个人</option>
						</select>
						<input type="text" name="" id="" value="" placeholder="阿斯顿"/>
					</div>
					<div class="sumbit">
						<input type="submit" name="" id="" value="保存" />
						<input type="reset" name="" id="" value="取消" />
					</div>
					</div>
					
				</div>
			</div>
		</div>
		<div class="goods-list">
			<div class="contatiner">
				<div class="list-big">
					<div class="list">
					<p>送货清单</p>
					<p>返回购物车更改</p>
					</div>
					<div class="list-bottom">
						<div class="goods-one">
							<span>商品清单</span>
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td>单价</td>
									<td>返现</td>
									<td>数量</td>
									<td>小计</td>
								</tr>
								<tr>
									<td>￥1459.00</td>
									<td>￥0.00</td>
									<td style="text-align: center;">1</td>
									<td>￥1459.00</td>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td style="text-align: center;height: 80px;">1</td>
									<td></td>
								</tr>
							</table>
						</div>
						<div class="goods-two">
							<div class="ice-box">
								<img src="images/images/hx_03.png"/>
							</div>
							<div class="hx">
								<table border="0" cellspacing="0" cellpadding="0">
									
									<tr>
										<td>Hisense 海信 BCD-202D 202升 三门冰箱 (银色)</td>
									</tr>
									<tr>
										<td style="color: #444444;height: 80px;">[赠品] 保鲜盒 抽真空保鲜盒 海信冰箱赠品</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="goods-three">
							<p class="first">若你对包裹有特殊要求，再次留言</p>
							<p class="last"><img src="images/images/mark_03.png"/>&nbsp;&nbsp;抱歉，以下商品暂时 不能购买，已帮你自动在本次结算中剔除扣除对应金额，你可以先购买其他商品：)</p>
							<div class="qf"><img src="images/images/qf_03.png"/></div>
							<div class="no-goods">
								<p class="no-p">清风 欧院系列 清香型 100抽3 清风 欧院系列 清香型 100抽</p>
								<p class="number-p">数量：1件</p>
								<p>￥4.90<span style="color: red;">(无货)</span></p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="order-math">
				<div class="contatiner">
					<div class="order-big">
						<div class="order">
							<p>订单结算</p>
						</div>
						<div class="math">
							<div class="total"><span style="font-size: 12px;color: #929292;">总计</span> <span style="font-size: 18px;color: #ee0000;"><strong>￥1459.00</strong></span></div>
							<input type="submit" name="" id="" value="提交订单" />
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="foot-word">
				<a href="#">非凡简介|</a>
					<a href="#">非凡公告|</a>
					<a href="#">找那贤士|</a>
					<a href="#">联系我们|</a>
					<a href="#">客服热线：400-123-45678</a>
					<p>Copyright © 2006 - 2014 非凡版权所有&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;上海市公安局XX分局备案编号：123456789123</p>
			</div>
			<div class="foot-images">
				<img src="images/tubiao.png"/>
				<img src="images/tubiao.png"/>
				<img src="images/tubiao.png"/>
				<img src="images/tubiao.png"/>
			</div>
		</div>
	</body>

</html>